<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="icon" type="image/x-icon" href="https://www.thenorthface.com.cn/favicon.ico"/>
		<link rel="stylesheet" type="text/css" href="css/detailPage.css"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/footer.css"/>
		<link rel="stylesheet" type="text/css" href="css/header.css"/>
	</head>
	<body>
		<header></header>
		<h3><a href="">★官方商场购物订单满300元，即可享受快递免费运送到家</a></h3>
		<div class="product-container">
			<p><a href="">服装</a>-<a href="">针织上衣</a></p>
			<div class="product-side">
				<div class="piclist">
					<ul>
						<li><img src="img/detailPage/64c2e47ce6b028aa8677e6f36fda4ae4a9cba058.jpg" ></li>
						<li><img src="img/detailPage/9f91826c4d028515c4e119551af6444aebfb6b7c.jpg" ></li>
						<li><img src="img/detailPage/2820376f75cc81ea6cbf9e29c497f5705fb04f3a.jpg" ></li>
						<li><img src="img/detailPage/54159c824b3ff66ae49ab523a62f213fe21498a9.jpg" ></li>
						<li><img src="img/detailPage/9808b46f7f3e755c580af6a60ce42bfb6537da03%20(1).jpg" ></li>
					</ul>
				</div>
			</div>
			<div class="detail-info">
				<h1>TheNorthFace北面VANLIFE针织上衣女户外秋冬上新|5JW9</h1>
				<p>服装-针织上衣</p>
				<!-- 商品价格和评分 -->
				<div class="detail-price">
					<div class="level-top">
						<i>￥998.00</i>
					</div>
					<div class="level-bottom">
						<p>
							<img src="img/detailPage/logov.png" >
							<a href="">加入探索通</a>
						</p>
					</div>
				</div>
				<!-- 收藏该商品 -->
				<div class="product-fav">
					<span><a href="">收藏该商品</a></span> 
					<div class="share">
						<div class="sharelists">
							<p>分享至:</p>
							 <ul>
							 	<li><img src="img/detailPage/icon_weixin.png" > </li>
							 	<li><img src="img/detailPage/icon_weibo.png" ></li>
							 	<li><img src="img/detailPage/icon_QQ.png" ></li>
							 	<li><img src="img/detailPage/icon_QQ.png" ></li>
							 </ul> 
						</div>
					</div>
				</div>
				<!-- 购买该商品 -->
				<div class="buygoods">
					<!-- 商品颜色展示 -->
					<div class="buygoods_size">
						<!-- 商品颜色选择 -->
						<div class="buygoods_size_color">
							颜色&nbsp;&nbsp;<span class="color" style="color: red;">绿色</span>
						</div>
						<!-- 商品颜色展示图片 -->
						<div class="buygoods_size_cloths">
							<div class="buygoods_size_cloths-left">
							<a href=""><span><img src="img/detailPage/f77df5a03f31e99db012cbe9e32f07de685d98ff.jpg" ></span></a>	
							</div>
							<div class="buygoods_size_cloths-right">
							<a href=""><span><img src="img/detailPage/255aa07ed2cbdcebd0a879aee7db7b08bbd9b904.jpg" ></span></a>		
							</div>
						</div>
					</div>
					<!-- 尺码选择 -->
					<div class="choose-size">
						<div class="choose-size_size">
							尺寸&nbsp;&nbsp;<span class="color" style="color: red;">s</span>
						</div>
						<div class="choose-size_choose">
							<div class="choose1">
								<a href=""><span>S</span></a>
							</div>
							<div class="choose2">
								<a href=""><span>M</span></a>
							</div>
							<div class="choose3">
								<a href=""><span>L</span></a>
							</div>
							<div class="choose4">
								<a href=""><span>XL</span></a>
							</div>
							<div class="choose5">
								<a href=""><span>XXL</span></a>
							</div>
						</div>
					</div>
				<!-- 添加至购物车 -->
				<div class="add-to-cart">
					<div class="num">
						数量
					</div>
					<div class="num-add-reduce">
						<span>-</span>
						<span>-</span>
						<span>+</span>
					</div>
				</div>
				<!-- 两个按钮 -->
				<div class="buttons">
					<button type="button"><span><a href="">立即购买</a></span></button>
					<button type="button"><span><a href="">加入购物车</a></span></button>
				</div>
			
				</div>
				
			</div>
		</div>
		<div class="product-tags">
			<h2><a href="">商品详情</a></h2>
		</div>
		<div class="product-section">
		<div class="product-section-center">
			<div class="product-section-center-gooddetail">
				<p><img src="img/detailPage/O1CN01NxzDTo22bFo8GEGvf___928417138.jpg" ></p>
				<h1><img src="img/detailPage/O1CN01Zh5dqL22bFovUmNxv___928417138.jpg" ></h1>
				<h2><img src="img/detailPage/O1CN019M8TMg22bFovUnar1___928417138.jpg" ></h2>
				<h2><img src="img/detailPage/64c2e47ce6b028aa8677e6f36fda4ae4a9cba058.jpg" ></h2>
				<h4><img src="img/detailPage/a3170cfffb07bbdeb980e8cc3ba85dbb9bd162db.jpg" ></h4>
				<h5><img src="img/detailPage/O1CN01Lw5mRo22bFox3yRS9___928417138.jpg" ></h5>
				<h6><img src="img/detailPage/O1CN01c00HcZ22bFoikWk3b___928417138.jpg" ></h6>
				<img src="img/detailPage/O1CN01KfE69I22bFdF1hBAe___928417138.jpg" style="margin-left: 150px;">
				<img src="img/detailPage/O1CN01USP6Dd22bForfXpWQ___928417138.jpg" style="margin-left: 150px;">
				<img src="img/detailPage/O1CN01VGYBcV22bFoxllUfn___928417138.jpg" style="margin-left: 150px;">
				<img src="img/detailPage/O1CN01n0LXWR22bFot40NiP___928417138.jpg" style="margin-left: 150px;">
				<img src="img/detailPage/TB2YndAsVXXXXaEXXXXXXXXXXXX___928417138.jpg" style="margin-left: 150px;">
			</div>
		</div>
			<!-- 猜你喜欢 -->
			<div class="like">
				<h1>猜你喜欢</h1>
				<ul>
					<li>
						<img src="./img/detailPage/3ce300a2787c21f4ca5899688d509d422b9c5bdf.jpg" >
						<p style="color: #000000;">【山夏Tee】TheNorthFace北面短袖T恤情侣款户外吸汗透气上新|4NE7</p>
						<div class="like-price">
							<span class="r">￥298.00</span>
							<span class="g">￥298.00</span>
						</div>
					</li>
					<li>
						 <img src="img/detailPage/12b5e14df0909d1dee9034b79f9c4a19f5d48052.jpg" >
						<p style="color: #000000;">【山夏Tee】TheNorthFace北面短袖T恤情侣款户外吸汗透气上新|4NE7</p>
						<div class="like-price">
							<span class="r">￥1689.00</span>
							<span class="g">￥1689.00</span>
						</div>
					</li>
					<li>
						 <img src="img/detailPage/64c2e47ce6b028aa8677e6f36fda4ae4a9cba058.jpg" >
						<p style="color: #000000;">【山夏Tee】TheNorthFace北面短袖T恤情侣款户外吸汗透气上新|4NE7</p>
						<div class="like-price">
							<span class="r">￥998.00</span>
							<span class="g">￥998.00</span>
						</div>
					</li>
					<li>
					 <img src="./img/detailPage/048eef77874dc2ef566ccbd80ca6970a98a60d62.jpg" >
						<p style="color: #000000;">【山夏Tee】TheNorthFace北面短袖T恤情侣款户外吸汗透气上新|4NE7</p>
						<div class="like-price">
							<span class="r">￥689.00</span>
							<span class="g">￥689.00</span>
						</div>
					</li>
					<li>
						<img src="img/detailPage/7f6581a7aa5c88c0aa24db9e66d28eaa4d957ce4.jpg" >
						<p style="color: #000000;">【山夏Tee】TheNorthFace北面短袖T恤情侣款户外吸汗透气上新|4NE7</p>
						<div class="like-price">
							<span class="r">￥698.00</span>
							<span class="g">￥698.00</span>
						</div>
					</li>
				</ul>
			</div>
			<!-- 最近浏览 -->
			<div class="like">
				<h1>最近浏览</h1>
				<ul>
					<li>
					<img src="img/detailPage/320b8df716ca59de8750465fa51847ec87b9860c.jpg" >
						<p style="color: #000000;">【山夏Tee】TheNorthFace北面短袖T恤情侣款户外吸汗透气上新|4NE7</p>
						<div class="like-price">
							<span class="r">￥298.00</span>
							<span class="g">￥298.00</span>
						</div>
					</li>
					<li>
					<img src="img/detailPage/33238580086463e5145fc9cb3610834789b8d2c7.jpg" >
						<p style="color: #000000;">【山夏Tee】TheNorthFace北面短袖T恤情侣款户外吸汗透气上新|4NE7</p>
						<div class="like-price">
							<span class="r">￥1689.00</span>
							<span class="g">￥1689.00</span>
						</div>
					</li>
					<li>
						 <img src="img/detailPage/3ce300a2787c21f4ca5899688d509d422b9c5bdf.jpg" >
						<p style="color: #000000;">【山夏Tee】TheNorthFace北面短袖T恤情侣款户外吸汗透气上新|4NE7</p>
						<div class="like-price">
							<span class="r">￥998.00</span>
							<span class="g">￥998.00</span>
						</div>
					</li>
					<li>
					<img src="img/detailPage/7f6581a7aa5c88c0aa24db9e66d28eaa4d957ce4.jpg" >
						<p style="color: #000000;">【山夏Tee】TheNorthFace北面短袖T恤情侣款户外吸汗透气上新|4NE7</p>
						<div class="like-price">
							<span class="r">￥689.00</span>
							<span class="g">￥689.00</span>
						</div>
					</li>
					<li>
						<img src="img/detailPage/c40693998a1753e18788fc697d738d87999a59d6.jpg" >
						<p style="color: #000000;">【山夏Tee】TheNorthFace北面短袖T恤情侣款户外吸汗透气上新|4NE7</p>
						<div class="like-price">
							<span class="r">￥698.00</span>
							<span class="g">￥698.00</span>
						</div>
					</li>
				</ul>
			</div>
		</div>
		
		<footer></footer>
	</body>
</html>
<script src="js/jQuery.js"></script>
<script type="text/javascript">
	$("header").load("header.html");
	$("footer").load("footer.html");
</script>